<!-- '@/components/TransgenderFlag.vue' -->
<template>
    <svg class="transgender-flag" viewBox="0 0 100 60" xmlns="http://www.w3.org/2000/svg">
      <rect width="100" height="12" fill="#55CDFC"/> <!-- 蓝色 -->
      <rect width="100" height="12" y="12" fill="#F7A8B8"/> <!-- 粉色 -->
      <rect width="100" height="24" y="24" fill="#FFF"/> <!-- 白色 -->
      <rect width="100" height="12" y="36" fill="#F7A8B8"/> <!-- 粉色 -->
      <rect width="100" height="12" y="48" fill="#55CDFC"/> <!-- 蓝色 -->
    </svg>
</template>
  
<script setup>

</script>
  
<style scoped>
  .transgender-flag {
    width: 26px; /* 调整为你需要的大小 */
    height: 20px;
    display: block;
  }
</style>